<template>
  <div id="hafu">
    <div class="hafu-center" @click="gotrain">
      <div class="hafu-inmg">
        <img @click="change" :src="require('@/assets/img/hafa.webp')" alt />
      </div>
      <p>将于6月7号开课</p>
    </div>
  </div>
</template>
<script>
import { useRouter } from "vue-router";

export default {
  setup() {
    const router = useRouter();
    const change = () => {
      router.push("/clinic");
    };
    return {
      change,
      router
    };
  }
};
</script>
<style lang="scss" scoped>
#hafu {
  margin: 0;
  width: 100%;
  // height: 140px;
  // float: left;
  // background: red;
  .hafu-center {
    margin: 0;
    margin-left: 21px;
    height: 120px;
    width: 120.5px;
    // background: red;
    .hafu-inmg {
      width: 120.5px;
      height: 91.5px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    p {
      margin: 0;
      font-size: 12px;
      color: #666666;
    }
  }
}
</style>
